<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/form.css">
</head>
<body>

<div id="app">
    <div class="top">
        <div class="left">

        </div>
        <div class="center">

        </div>
        <div class="right">
            <a class="button_1">登录</a>
            <a class="button_2" href="./register.html">注册</a>
            <a class="button_3" href="./save_edit.html">
                <svg>
                    <path d="M5.794 10.195l2.122-.702 6.778-6.776a1.004 1.004 0 00-.04-1.377.998.998 0 00-1.374-.036L6.5 8.074l-.706 2.121zM14 6.002c-.552 0-1 .448-1 1.002v5.997H3V3.002h6a1 1 0 00.93-.476 1.005 1.005 0 000-1.047A1 1 0 009 1.003H2c-.552 0-1 .449-1 1.003v11.991C1 14.551 1.448 15 2 15h12c.552 0 1-.449 1-1.003V7.001c-.002-.552-.449-1-1-1z" fill="currentColor" fill-rule="evenodd"></path>
                </svg>
            </a>
        </div>
    </div>
    <div class="bottom-body">
        <div class="pane_info">
            <div class="left_pane">
                <ul>
                    <li class="active">
                        <svg t="1742285657753" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2639" width="16" height="16"><path d="M493.789998 1023.53089C254.799718 1023.53089 85.536259 856.015932 85.536259 625.384341c0-122.523033 72.584129-254.513561 75.782607-259.92965a32.11272 32.11272 0 0 1 31.728902-16.162976c12.879205 1.705855 23.156981 11.088057 26.69663 23.540799 0.255878 0.682342 19.87321 74.887033 45.631621 115.955491 17.271782 27.720143 34.970027 47.16689 54.80059 60.81373-13.433608-58.724057-23.626091-147.129991-6.951359-237.668243C358.771578 63.305131 552.514055 3.642853 560.787452 1.21201a31.814195 31.814195 0 0 1 39.831713 36.93176c-0.213232 1.705855-32.325952 175.95894 35.481784 324.410968 6.183724 13.518901 14.712999 29.084827 23.967262 44.906632a422.199104 422.199104 0 0 1 13.135083-66.698929c24.990775-88.022116 89.344154-118.130456 92.116168-119.281909a31.64361 31.64361 0 0 1 32.496537 4.008759c9.382202 7.249884 13.732132 19.276161 11.64246 31.046561-0.341171 2.217611-9.382202 62.178413 41.196398 147.12999 45.674267 76.678181 58.681411 126.403853 58.68141 221.931731C909.123036 856.143872 734.614073 1023.53089 493.789998 1023.53089zM187.247861 475.269104a407.699336 407.699336 0 0 0-28.10396 147.129991c0 187.814632 138.43013 324.069797 334.774036 324.069797 197.879176 0 341.469517-136.255165 341.469518-324.112443 0-81.198696-9.936605-118.684859-48.275696-183.294116-25.587824-43.072838-38.381737-81.795746-44.181643-112.714367a144.272684 144.272684 0 0 0-15.864451 36.803821c-18.721758 66.10188-13.902718 143.718281-13.902718 144.571208a31.259792 31.259792 0 0 1-20.47026 31.259792 30.278926 30.278926 0 0 1-35.225905-11.301289c-2.430843-3.241124-56.975556-81.454575-81.028111-134.336078-49.896258-109.217364-49.213916-227.475759-44.181643-295.539373-50.5786 29.767169-128.408232 96.423452-153.526947 231.868336-24.308433 131.990528 22.943749 269.951548 23.412859 271.23094a31.430378 31.430378 0 0 1-5.586675 31.728902 30.278926 30.278926 0 0 1-30.278925 9.723373c-3.752881-0.93822-96.551391-23.668738-152.460788-112.970245a376.951301 376.951301 0 0 1-26.568691-54.118249z"  p-id="2640"></path></svg>
                        <a>热门推荐</a>
                    </li>
                    <li>
                        <svg t="1742285754564" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3764" width="16" height="16"><path d="M674.8 457.8c0-14.2-11.5-25.6-25.6-25.6-14.2 0-25.6 11.5-25.6 25.6 0 61.7-50.2 111.9-111.9 111.9-14.2 0-25.6 11.5-25.6 25.6s11.5 25.6 25.6 25.6c89.9 0 163.1-73.2 163.1-163.1z" p-id="3765"></path><path d="M870.6 236.6h-80.4V175c0-30.3-24.7-55-55-55h-251c-14.2 0-25.6 11.5-25.6 25.6 0 14.2 11.5 25.6 25.6 25.6h251c2.1 0 3.8 1.7 3.8 3.8v300.4c0 125.3-101.9 227.2-227.2 227.2s-227.3-102-227.3-227.2V175c0-2.1 1.7-3.8 3.8-3.8h42.3c14.2 0 25.6-11.5 25.6-25.6 0-14.2-11.5-25.6-25.6-25.6h-42.3c-30.3 0-55 24.7-55 55v61.7h-80.4c-30.3 0-55 24.7-55 55v117.1c0 89.5 68.6 163.2 156 171.4 29.7 72.9 89.4 130.5 163.7 157.3-21.6 68.8-86.5 117.4-159.8 117.4-14.2 0-25.6 11.5-25.6 25.6v1.2c0 6.8 2.7 13.3 7.5 18.1 4.8 4.8 11.3 7.5 18.1 7.5h0.1l499-1.2c14.1 0 25.6-11.5 25.6-25.7s-11.5-25.6-25.6-25.6c-73.3 0-136.5-46.4-158.9-114.6 78-25.5 141-84.5 171.8-160 87.4-8.2 156-81.9 156-171.4V291.7c-0.2-30.4-24.9-55.1-55.2-55.1zM149 408.8V291.7c0-2.1 1.7-3.8 3.8-3.8h80.4v187.5c0 17 1.6 33.7 4.6 49.9-51.1-14.1-88.8-61-88.8-116.5z m466.9 446.3l-218.9 0.5c32.7-27 57.6-63.4 70.2-105.4 14.5 2.3 29.4 3.6 44.5 3.6 12.2 0 24.2-0.9 36-2.4 12.5 41.5 36.6 77.1 68.2 103.7z m258.4-446.3c0 55.5-37.7 102.4-88.8 116.5 2.9-16.2 4.6-32.9 4.6-49.9V287.9h80.4c2.1 0 3.8 1.7 3.8 3.8v117.1z" p-id="3766"></path></svg>
                        <a>热门榜单</a>
                    </li>
                    <li>
                        <svg t="1742285796972" class="icon" viewBox="0 0 1066 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9020" width="16" height="16"><path d="M81.066667 448a401.066667 401.066667 0 0 1 802.133333 0 399.402667 399.402667 0 0 1-91.605333 255.146667l159.445333 159.445333a38.4 38.4 0 1 1-54.314667 54.314667l-159.445333-159.445334A399.402667 399.402667 0 0 1 482.133333 849.066667a401.066667 401.066667 0 0 1-401.066666-401.066667z m401.066666-324.266667a324.266667 324.266667 0 1 0 0 648.533334 324.266667 324.266667 0 0 0 0-648.533334zM334.293333 278.826667A208.554667 208.554667 0 0 1 482.133333 217.6c57.728 0 110.08 23.466667 147.84 61.226667a38.4 38.4 0 1 1-54.314666 54.314666A131.712 131.712 0 0 0 482.133333 294.4c-36.522667 0-69.546667 14.762667-93.525333 38.741333a38.4 38.4 0 1 1-54.314667-54.314666z"  p-id="9021"></path></svg>
                        <a>短文热搜</a>
                    </li>
                    <li>
                        <svg t="1742285841737" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10105" width="16" height="16"><path d="M512 512m-181.01933598 181.01933598a256 256 0 1 0 362.03867196-362.03867196 256 256 0 1 0-362.03867196 362.03867196Z" p-id="10106"></path></svg>
                        <a>我的</a>
                    </li>
                    <li>
                        <svg t="1742285841737" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10105" width="16" height="16"><path d="M512 512m-181.01933598 181.01933598a256 256 0 1 0 362.03867196-362.03867196 256 256 0 1 0-362.03867196 362.03867196Z" p-id="10106"></path></svg>
                        <a>热搜</a>
                    </li>
                    <li>
                        <svg t="1742285841737" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10105" width="16" height="16"><path d="M512 512m-181.01933598 181.01933598a256 256 0 1 0 362.03867196-362.03867196 256 256 0 1 0-362.03867196 362.03867196Z" p-id="10106"></path></svg>
                        <a>文娱</a>
                    </li>
                    <li>
                        <svg t="1742285841737" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10105" width="16" height="16"><path d="M512 512m-181.01933598 181.01933598a256 256 0 1 0 362.03867196-362.03867196 256 256 0 1 0-362.03867196 362.03867196Z" p-id="10106"></path></svg>
                        <a>要闻</a>
                    </li>
                </ul>
            </div>
            <div class="center_pane">

                <div class="item_tp">
                    <div class="item">热门</div>
                    <div class="item">实时</div>
                    <div class="item">同城</div>
                    <div class="item">榜单</div>
                    <div class="item">明星</div>
                    <div class="item">搞笑</div>
                    <div class="item">情感</div>
                    <div class="item more">
                        <svg t="1741833965519" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7048" width="16" height="16"><path d="M363.2 275.456h497.856a43.328 43.328 0 0 0 0-86.72H363.2a43.328 43.328 0 0 0 0 86.72z m497.856 196.48H363.2a43.328 43.328 0 0 0 0 86.72h497.856a43.328 43.328 0 0 0 0-86.72z m0 283.136H363.2a43.328 43.328 0 0 0 0 86.72h497.856a43.328 43.328 0 1 0 0-86.72zM137.728 232.128a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM137.728 513.92a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM137.728 795.648a64 64 0 1 0 128 0 64 64 0 0 0-128 0z" fill="#838383" p-id="7049"></path></svg>
                    </div>
                </div>
                <!--                内容-->
                <div class="item_content">
                    <div class="item_c">
                        <div class="item_c_header">
                            <div class="image_box vip">
                                <img src="/sys-file/res/donload?pk=jl6MA5J47bHBsJD%2BD58slQ%3D%3D&es=PBz9jHj9WMCNWPdW9hya7wbOGvnCycSabQ7bwThbHcQzPFghSGMZZ6cEQ7wAUwV9" class="img-circle">
                            </div>
                            <div class="item_user_info">
                                <div class="user-name">
                                    <a class="title">Dreamer_UW</a>
                                    <a class="level_1"></a>
                                </div>
                                <div class="ext-info">
                                    <a class="original">原创</a>
                                    <a class="time">昨天 13:19</a>
                                    <a class="sub_content">Dreamer_UW的短文</a>
                                    <a class="edit">已编辑</a>
                                </div>
                            </div>
                            <div class="item_more">
                                <button class="follow_button">
                                    <svg t="1741846916924" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8165" width="32" height="32"><path d="M512 512V170.666667h42.666667v341.333333h341.333333v42.666667h-341.333333v341.333333h-42.666667v-341.333333H170.666667v-42.666667h341.333333z" fill="#ff8200" p-id="8166"></path></svg>
                                    关注
                                </button>
                            </div>
                        </div>
                        <div class="item_c_content">
                            <div class="content_area">
                                <div class="content_text_expanded">
                                    本季结算画面 恭喜收官🎉 #名侦探学院8收官# ​
                                    &nbsp&nbsp<a class="hash">展开</a>
                                </div>
                                <div class="content_img_area_group">
                                    <div class="item_3">
                                        <img src="/sys-file/res/donload?pk=3e98JA8iVrlRcwptFxw9Wg%3D%3D&es=x3egLgya3xAailVDXScvXWx6Zrmdn2BlPvhmg0v0VkVq6XI5OyBTf6kMrFVH5HhD" class="img_cover">
                                    </div>
                                    <div class="item_3">
                                        <img src="/sys-file/res/donload?pk=I9zv5XfL6qUnaFxiYU11SQ%3D%3D&es=QSncckwZj62v89g6VfMm4bH1tBh%2BC7mkSluvRRGH2xcTbgMOjyIKCn2MJwHdNO3l" class="img_cover">
                                    </div>
                                    <div class="item_3">
                                        <img src="/sys-file/res/donload?pk=l0He77hsrdaZpwlngsqk3Q%3D%3D&es=e2ZkRk%2B8i6sLa%2FFV4E3p6XXsaq5h7NJk9J7IBOtw8pK%2FtGL%2FM5e7G6cmFfS9GdM7" class="img_cover">
                                    </div>
                                    <div class="item_3">
                                        <img src="/sys-file/res/donload?pk=2nkHE8KazAoMgb%2B1uphqkQ%3D%3D&es=cz0q76oEtz75TG7JczRVVaH142TR9m4n8TB2cJgJ8rFst%2BwLDRRQEa%2BkvaKVUi6e" class="img_cover">
                                    </div>
                                    <div class="item_3">
                                        <img src="/sys-file/res/donload?pk=hFyaREyCJ2dUTk6ZhNPUpg%3D%3D&es=vjJ91p1LjVEfZdELnM2x2UyP9eUVPKlxGukkSXJt2gnLnCcwglT75cKYHsDhhEgg" class="img_cover">
                                    </div>
                                    <div class="item_3">
                                        <img src="/sys-file/res/donload?pk=iyj21Rex938%2FInc8c89OhA%3D%3D&es=QbVI7dO9oVRtAJGQ6U64L3%2FTPLdULo9zA08aFsG3M5RllAz%2FrIKa6iDgpbSLZyyh" class="img_cover">
                                    </div>
                                    <div class="item_3">
                                        <img src="/sys-file/res/donload?pk=sx9DB34xnnDkKA9ZQV%2FvJw%3D%3D&es=YU3A7yn1%2FpkJQr4k0SjKaTSg0tvTZZw6dezg2FmDohv7nH1AC%2BbH%2FRo9JtrXEsGF" class="img_cover">
                                    </div>
                                    <div class="item_3">
                                        <img src="/sys-file/res/donload?pk=6RXOgCVG75C1hvz3Fqh25Q%3D%3D&es=Il4u8xYtSsaImogtbvMOw9Wy%2FK6sWNOB4jSyWzLXLpplCZad1MFdH1Vh4KTS%2Booq" class="img_cover">
                                    </div>
                                    <div class="item_3">
                                        <img src="/sys-file/res/donload?pk=9Pjw8qn1ZKw7Q7fRZMBMQg%3D%3D&es=1x8MXZCX0ZmQ%2BqkMASEKxgrSnp7CZ9dWqpHvwe3%2BrAWvC0xwwqnypbAZbSXxgjmj" class="img_cover">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item_c_footer">
                            <div class="item">
                                <svg t="1741851404881" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13359" id="mx_n_1741851404882" width="16" height="16"><path d="M853.333 533.333a32 32 0 0 1 64 0V800c0 64.8-52.533 117.333-117.333 117.333H224c-64.8 0-117.333-52.533-117.333-117.333V256c0-64.8 52.533-117.333 117.333-117.333h277.333a32 32 0 0 1 0 64H224A53.333 53.333 0 0 0 170.667 256v544A53.333 53.333 0 0 0 224 853.333h576A53.333 53.333 0 0 0 853.333 800V533.333zM811.275 256l-89.792-95.403a32 32 0 0 1 46.613-43.861L908.64 266.069C927.861 286.485 913.376 320 885.333 320H724.704C643.029 320 576 391.21 576 480v192a32 32 0 1 1-64 0V480c0-123.296 94.784-224 212.704-224h86.57z" p-id="13360"></path></svg>
                                <a>517</a>
                            </div>
                            <div class="item active">
                                <svg t="1741850864586" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10841" width="16" height="16"><path d="M311.85 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65c-26.32 0-47.65-21.34-47.65-47.65s21.33-47.65 47.65-47.65zM521.53 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65-47.65-21.34-47.65-47.65 21.33-47.65 47.65-47.65zM731.21 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65c-26.32 0-47.65-21.34-47.65-47.65s21.33-47.65 47.65-47.65z" p-id="10842"></path><path d="M512 883.7c-10.26 0-19.73-5.5-24.83-14.41l-57.11-99.96H187.95c-36.78 0-66.72-29.93-66.72-66.72v-495.6c0-36.78 29.93-66.72 66.72-66.72h648.1c36.78 0 66.72 29.93 66.72 66.72v495.6c0 36.78-29.93 66.72-66.72 66.72H593.94l-57.11 99.96A28.613 28.613 0 0 1 512 883.7zM187.95 197.48c-5.25 0-9.53 4.27-9.53 9.53v495.6c0 5.26 4.28 9.53 9.53 9.53h258.69c10.26 0 19.73 5.5 24.83 14.41L512 797.48l40.52-70.92a28.625 28.625 0 0 1 24.83-14.41h258.69c5.25 0 9.53-4.27 9.53-9.53v-495.6c0-5.26-4.28-9.53-9.53-9.53H187.95z" p-id="10843"></path></svg>
                                <a>786</a>
                            </div>
                            <div class="item">
                                <svg t="1741850893972" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11905" width="16" height="16"><path d="M832 364.8h-147.2s19.2-64 32-179.2c6.4-57.6-38.4-115.2-102.4-121.6h-12.8c-51.2 0-83.2 32-102.4 76.8l-38.4 96c-32 64-57.6 102.4-76.8 115.2-25.6 12.8-121.6 12.8-128 12.8H128c-38.4 0-64 25.6-64 57.6v480c0 32 25.6 57.6 64 57.6h646.4c96 0 121.6-64 134.4-153.6l51.2-307.2c6.4-70.4-6.4-134.4-128-134.4z m-576 537.6H128V422.4h128v480z m640-409.6l-51.2 307.2c-12.8 57.6-12.8 102.4-76.8 102.4H320V422.4c44.8 0 70.4-6.4 89.6-19.2 32-12.8 64-64 108.8-147.2 25.6-64 38.4-96 44.8-102.4 6.4-19.2 19.2-32 44.8-32h6.4c32 0 44.8 32 44.8 51.2-12.8 102.4-32 166.4-32 166.4l-25.6 83.2h243.2c19.2 0 32 0 44.8 12.8 12.8 12.8 6.4 38.4 6.4 57.6z" p-id="11906"></path></svg>
                                <a>2833</a>
                            </div>
                        </div>
                        <!--   底部区域   -->
                        <div class="item_c_footer_leave_msg">
                            <div class="line_fotter"></div>
                            <div class="area_msg">
                                <textarea placeholder="发布你的评论"></textarea>
                            </div>
                            <div class="area_button_group">
                                <div class="left_1">
                                    <a class="svg">
                                        <svg t="1743414379943" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2708" width="18" height="18"><path d="M512.016 1024C229.232 1024 0.016 794.784 0.016 512 0.016 229.216 229.232 0 512.016 0 794.784 0 1024 229.216 1024 512 1024 794.784 794.784 1024 512.016 1024ZM512.016 64C264.976 64 64.016 264.96 64.016 512 64.016 759.024 264.976 960 512.016 960 759.04 960 960 759.024 960 512 960 264.96 759.04 64 512.016 64ZM510.336 833.456C509.056 833.456 507.744 833.488 506.448 833.488 310.992 833.488 229.024 657.12 225.616 649.552 218.336 633.424 225.488 614.496 241.584 607.216 257.712 599.968 276.576 607.088 283.888 623.088 286.64 629.12 352.928 769.488 506.576 769.488 507.584 769.488 508.576 769.456 509.584 769.456 672.896 767.552 738.368 624.768 739.024 623.344 746.176 607.216 765.024 599.872 781.264 607.152 797.392 614.336 804.672 633.248 797.456 649.408 794.176 656.8 714.208 831.056 510.336 833.456ZM671.504 479.84C636.224 479.84 607.664 451.232 607.664 415.984 607.664 380.768 636.224 352.176 671.504 352.176 706.768 352.176 735.344 380.768 735.344 415.984 735.344 451.232 706.768 479.84 671.504 479.84ZM351.504 479.84C316.224 479.84 287.664 451.232 287.664 415.984 287.664 380.768 316.224 352.176 351.504 352.176 386.768 352.176 415.344 380.768 415.344 415.984 415.344 451.232 386.768 479.84 351.504 479.84Z" p-id="2709"></path></svg>
                                    </a>
                                    <a class="svg">
                                        <svg t="1743414480718" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3838" width="18" height="18"><path d="M876.613818 861.090909a11.636364 11.636364 0 0 0 11.636364-11.636364v-674.90909a11.636364 11.636364 0 0 0-11.636364-11.636364h-721.454545a11.636364 11.636364 0 0 0-11.636364 11.636364v674.90909a11.636364 11.636364 0 0 0 11.636364 11.636364h721.454545z m0 69.818182h-721.454545a81.454545 81.454545 0 0 1-81.454546-81.454546v-674.90909a81.454545 81.454545 0 0 1 81.454546-81.454546h721.454545a81.454545 81.454545 0 0 1 81.454546 81.454546v674.90909a81.454545 81.454545 0 0 1-81.454546 81.454546z" p-id="3839"></path><path d="M129.256727 700.206545l-47.197091-51.432727 182.574546-167.493818a81.454545 81.454545 0 0 1 113.314909 3.072l158.673454 162.327273a11.636364 11.636364 0 0 0 15.965091 0.651636l94.138182-81.803636a81.454545 81.454545 0 0 1 107.822546 0.861091l191.627636 171.962181-46.615273 51.968-191.650909-171.985454a11.636364 11.636364 0 0 0-15.383273-0.116364l-94.138181 81.803637a81.454545 81.454545 0 0 1-111.685819-4.538182l-158.696727-162.327273a11.636364 11.636364 0 0 0-16.174545-0.442182l-182.574546 167.493818z" p-id="3840"></path><path d="M686.545455 337.454545m-58.181819 0a58.181818 58.181818 0 1 0 116.363637 0 58.181818 58.181818 0 1 0-116.363637 0Z" p-id="3841"></path></svg>
                                    </a>
                                </div>
                                <div class="center">
                                    <a class="radio_form" f_name="forward">同时转发</a>
                                </div>
                                <div class="right">
                                    <button class="button_10">评论</button>
                                </div>
                            </div>
                            <div class="line_fotter"></div>

                            <div class="line_fotter"></div>
                            <div class="tip-box">
                                <a>查看全部评论</a>
                            </div>
                        </div>
                    </div>
                    <div class="item_c">
                        <div class="item_c_header">
                            <div class="image_box vip">
                                <img src="/sys-file/res/donload?pk=w2l7FU3LDmKgLvYjobX39g%3D%3D&es=wYxZWrJZ%2FRUJ4GhjM1WJNXHNg5ngsM3izHquB8ssTg2MQiv%2FNPH6o5uYfnBbPCDU" class="img-circle">
                            </div>
                            <div class="item_user_info">
                                <div class="user-name">
                                    <a class="title">每日经济新闻</a>
                                    <a class="level_1"></a>
                                </div>
                                <div class="ext-info">
                                    <a class="original">原创</a>
                                    <a class="time">昨天 13:19</a>
                                    <a class="sub_content">每日经济新闻的短文</a>
                                    <a class="edit">已编辑</a>
                                </div>
                            </div>
                            <div class="item_more">
                                <button class="follow_button">
                                    <svg t="1741846916924" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8165" width="32" height="32"><path d="M512 512V170.666667h42.666667v341.333333h341.333333v42.666667h-341.333333v341.333333h-42.666667v-341.333333H170.666667v-42.666667h341.333333z" fill="#ff8200" p-id="8166"></path></svg>
                                    关注
                                </button>
                            </div>
                        </div>
                        <div class="item_c_content">
                            <div class="content_area">
                                <div class="content_text_expanded">
                                    【#李家超回应长和拟出售43个港口#：社会对事件的关切值得重视，任何交易须符合法律法规要求】#李嘉诚拟228亿美元卖掉43个港口# 近期，长和计划向由贝莱德财团（BlackRock）牵头的财团出售43个港口的交易引发市场关注和热议。3月18日，香港特区行政长官李家超在出席行政会议前首次回应上述交易时称，他 ​
                                    &nbsp&nbsp<a class="hash">展开</a>
                                </div>
                                <div class="content_img_area_group">
                                    <div class="item_3">
                                        <img src="/sys-file/res/donload?pk=PjVeoEIiBuQJU9%2BIlWbE6Q%3D%3D&es=1knIqF1Zrlcjceuej5lJ2wwpQNgN8M5dh1cEcBhe3wNpaxX5cEaSv1RcjHGQPeRO" class="img_cover">
                                    </div>
                                    <div class="item_3">
                                        <img src="/sys-file/res/donload?pk=mupnOcHzPF2qauIMAFeA6g%3D%3D&es=%2FnaF7t5TbcTMzq%2BSIbdmyEQ6uZhRctom9H9ZVgwNOLObOTcIPxTCg0828g0MIvQf" class="img_cover">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item_c_footer">
                            <div class="item">
                                <svg t="1741851404881" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13359" id="mx_n_1741851404882" width="16" height="16"><path d="M853.333 533.333a32 32 0 0 1 64 0V800c0 64.8-52.533 117.333-117.333 117.333H224c-64.8 0-117.333-52.533-117.333-117.333V256c0-64.8 52.533-117.333 117.333-117.333h277.333a32 32 0 0 1 0 64H224A53.333 53.333 0 0 0 170.667 256v544A53.333 53.333 0 0 0 224 853.333h576A53.333 53.333 0 0 0 853.333 800V533.333zM811.275 256l-89.792-95.403a32 32 0 0 1 46.613-43.861L908.64 266.069C927.861 286.485 913.376 320 885.333 320H724.704C643.029 320 576 391.21 576 480v192a32 32 0 1 1-64 0V480c0-123.296 94.784-224 212.704-224h86.57z" p-id="13360"></path></svg>
                                <a>517</a>
                            </div>
                            <div class="item">
                                <svg t="1741850864586" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10841" width="16" height="16"><path d="M311.85 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65c-26.32 0-47.65-21.34-47.65-47.65s21.33-47.65 47.65-47.65zM521.53 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65-47.65-21.34-47.65-47.65 21.33-47.65 47.65-47.65zM731.21 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65c-26.32 0-47.65-21.34-47.65-47.65s21.33-47.65 47.65-47.65z" p-id="10842"></path><path d="M512 883.7c-10.26 0-19.73-5.5-24.83-14.41l-57.11-99.96H187.95c-36.78 0-66.72-29.93-66.72-66.72v-495.6c0-36.78 29.93-66.72 66.72-66.72h648.1c36.78 0 66.72 29.93 66.72 66.72v495.6c0 36.78-29.93 66.72-66.72 66.72H593.94l-57.11 99.96A28.613 28.613 0 0 1 512 883.7zM187.95 197.48c-5.25 0-9.53 4.27-9.53 9.53v495.6c0 5.26 4.28 9.53 9.53 9.53h258.69c10.26 0 19.73 5.5 24.83 14.41L512 797.48l40.52-70.92a28.625 28.625 0 0 1 24.83-14.41h258.69c5.25 0 9.53-4.27 9.53-9.53v-495.6c0-5.26-4.28-9.53-9.53-9.53H187.95z" p-id="10843"></path></svg>
                                <a>786</a>
                            </div>
                            <div class="item">
                                <svg t="1741850893972" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11905" width="16" height="16"><path d="M832 364.8h-147.2s19.2-64 32-179.2c6.4-57.6-38.4-115.2-102.4-121.6h-12.8c-51.2 0-83.2 32-102.4 76.8l-38.4 96c-32 64-57.6 102.4-76.8 115.2-25.6 12.8-121.6 12.8-128 12.8H128c-38.4 0-64 25.6-64 57.6v480c0 32 25.6 57.6 64 57.6h646.4c96 0 121.6-64 134.4-153.6l51.2-307.2c6.4-70.4-6.4-134.4-128-134.4z m-576 537.6H128V422.4h128v480z m640-409.6l-51.2 307.2c-12.8 57.6-12.8 102.4-76.8 102.4H320V422.4c44.8 0 70.4-6.4 89.6-19.2 32-12.8 64-64 108.8-147.2 25.6-64 38.4-96 44.8-102.4 6.4-19.2 19.2-32 44.8-32h6.4c32 0 44.8 32 44.8 51.2-12.8 102.4-32 166.4-32 166.4l-25.6 83.2h243.2c19.2 0 32 0 44.8 12.8 12.8 12.8 6.4 38.4 6.4 57.6z" p-id="11906"></path></svg>
                                <a>2833</a>
                            </div>
                        </div>
                    </div>
                    <div class="item_c">
                        <div class="item_c_header">
                            <div class="image_box vip">
                                <img src="/sys-file/res/donload?pk=LyHZ0oBKaJVUJr%2BB8CBv0w%3D%3D&es=s2uiqQQVwNB4xKich2PuxzQXxTAlOcjllLabmnd6nDNVMjO5JUkuP%2BH2%2BL8Goh04" class="img-circle">
                            </div>
                            <div class="item_user_info">
                                <div class="user-name">
                                    <a class="title">鲜娱君</a>
                                    <a class="level_2"></a>
                                </div>
                                <div class="ext-info">
                                    <a class="time">昨天 13:19</a>
                                    <a class="sub_content">鲜娱君的短文</a>
                                    <a class="edit">已编辑</a>
                                </div>
                            </div>
                            <div class="item_more">
                                <button class="follow_button">
                                    <svg t="1741846916924" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8165" width="32" height="32"><path d="M512 512V170.666667h42.666667v341.333333h341.333333v42.666667h-341.333333v341.333333h-42.666667v-341.333333H170.666667v-42.666667h341.333333z" fill="#ff8200" p-id="8166"></path></svg>
                                    关注
                                </button>
                            </div>
                        </div>
                        <div class="item_c_content">
                            <div class="content_area">
                                <div class="content_text_expanded">
                                    42岁黄圣依和妈妈现身机场录制#是女儿是妈妈#第二季，路人镜头下状态好好，离婚后感觉年轻了10多岁，肉眼可见的开心！#42岁黄圣依状态# ​
                                    &nbsp&nbsp<a class="hash">展开</a>
                                </div>
                                <div class="content_img_area_group">
                                    <div class="item_3">
                                        <img src="/sys-file/res/donload?pk=gexMMJXXeNo7JEoFEukoTg%3D%3D&es=QtjXGPdLLwb3IPanaOcE6AzaHK8l6SCZJjlJaawCaoBR83FT6u2cCsNlODXW1QqW" class="img_cover">
                                    </div>
                                    <div class="item_3">
                                        <img src="/sys-file/res/donload?pk=WGM%2BYwn5gZhJRobQx%2FYf5Q%3D%3D&es=t7SNe39AWg8TvQiy%2BDUNR7TRnR3h3Ft82iWFWMCFMTI2wuzdnpxwCyF8Bmx%2BQ78C" class="img_cover">
                                    </div>
                                    <div class="item_3">
                                        <img src="/sys-file/res/donload?pk=A%2BjALLKc2BF70WaNCwJaNg%3D%3D&es=qVRisaSf2ovm0RKM0aBuh7%2FRAYR1umi8ZaiHCQV9FEwB1sYQwA1TErXkyy%2BEf3vT" class="img_cover">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item_c_footer">
                            <div class="item">
                                <svg t="1741851404881" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13359" id="mx_n_1741851404882" width="16" height="16"><path d="M853.333 533.333a32 32 0 0 1 64 0V800c0 64.8-52.533 117.333-117.333 117.333H224c-64.8 0-117.333-52.533-117.333-117.333V256c0-64.8 52.533-117.333 117.333-117.333h277.333a32 32 0 0 1 0 64H224A53.333 53.333 0 0 0 170.667 256v544A53.333 53.333 0 0 0 224 853.333h576A53.333 53.333 0 0 0 853.333 800V533.333zM811.275 256l-89.792-95.403a32 32 0 0 1 46.613-43.861L908.64 266.069C927.861 286.485 913.376 320 885.333 320H724.704C643.029 320 576 391.21 576 480v192a32 32 0 1 1-64 0V480c0-123.296 94.784-224 212.704-224h86.57z" p-id="13360"></path></svg>
                                <a>517</a>
                            </div>
                            <div class="item">
                                <svg t="1741850864586" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10841" width="16" height="16"><path d="M311.85 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65c-26.32 0-47.65-21.34-47.65-47.65s21.33-47.65 47.65-47.65zM521.53 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65-47.65-21.34-47.65-47.65 21.33-47.65 47.65-47.65zM731.21 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65c-26.32 0-47.65-21.34-47.65-47.65s21.33-47.65 47.65-47.65z" p-id="10842"></path><path d="M512 883.7c-10.26 0-19.73-5.5-24.83-14.41l-57.11-99.96H187.95c-36.78 0-66.72-29.93-66.72-66.72v-495.6c0-36.78 29.93-66.72 66.72-66.72h648.1c36.78 0 66.72 29.93 66.72 66.72v495.6c0 36.78-29.93 66.72-66.72 66.72H593.94l-57.11 99.96A28.613 28.613 0 0 1 512 883.7zM187.95 197.48c-5.25 0-9.53 4.27-9.53 9.53v495.6c0 5.26 4.28 9.53 9.53 9.53h258.69c10.26 0 19.73 5.5 24.83 14.41L512 797.48l40.52-70.92a28.625 28.625 0 0 1 24.83-14.41h258.69c5.25 0 9.53-4.27 9.53-9.53v-495.6c0-5.26-4.28-9.53-9.53-9.53H187.95z" p-id="10843"></path></svg>
                                <a>786</a>
                            </div>
                            <div class="item">
                                <svg t="1741850893972" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11905" width="16" height="16"><path d="M832 364.8h-147.2s19.2-64 32-179.2c6.4-57.6-38.4-115.2-102.4-121.6h-12.8c-51.2 0-83.2 32-102.4 76.8l-38.4 96c-32 64-57.6 102.4-76.8 115.2-25.6 12.8-121.6 12.8-128 12.8H128c-38.4 0-64 25.6-64 57.6v480c0 32 25.6 57.6 64 57.6h646.4c96 0 121.6-64 134.4-153.6l51.2-307.2c6.4-70.4-6.4-134.4-128-134.4z m-576 537.6H128V422.4h128v480z m640-409.6l-51.2 307.2c-12.8 57.6-12.8 102.4-76.8 102.4H320V422.4c44.8 0 70.4-6.4 89.6-19.2 32-12.8 64-64 108.8-147.2 25.6-64 38.4-96 44.8-102.4 6.4-19.2 19.2-32 44.8-32h6.4c32 0 44.8 32 44.8 51.2-12.8 102.4-32 166.4-32 166.4l-25.6 83.2h243.2c19.2 0 32 0 44.8 12.8 12.8 12.8 6.4 38.4 6.4 57.6z" p-id="11906"></path></svg>
                                <a>2833</a>
                            </div>
                        </div>
                    </div>
                    <div class="item_c">
                        <div class="item_c_header">
                            <div class="image_box vip">
                                <img src="/sys-file/res/donload?pk=TNCUf5Za3RNwwKEcKXXAkQ%3D%3D&es=1tUj3oo6BnssOiQBpepqI4qtG4eV0T30W38qv6cBBzk6pHr%2FJQsjt8nI7W1YLEZR" class="img-circle">
                            </div>
                            <div class="item_user_info">
                                <div class="user-name">
                                    <a class="title">天天短文</a>
                                    <a class="level_1"></a>
                                </div>
                                <div class="ext-info">
                                    <a class="original">原创</a>
                                    <a class="time">昨天 13:19</a>
                                    <a class="sub_content">天天短文的短文</a>
                                    <a class="edit">已编辑</a>
                                </div>
                            </div>
                            <div class="item_more">
                                <button class="follow_button">
                                    <svg t="1741846916924" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8165" width="32" height="32"><path d="M512 512V170.666667h42.666667v341.333333h341.333333v42.666667h-341.333333v341.333333h-42.666667v-341.333333H170.666667v-42.666667h341.333333z" fill="#ff8200" p-id="8166"></path></svg>
                                    关注
                                </button>
                            </div>
                        </div>
                        <div class="item_c_content">
                            <div class="content_area">
                                <div class="content_text_expanded">
                                    【#人民日报刊文谈破除35岁门槛#】#让年龄不再成为劳动者的标签# 当前，在一些行业、一些领域不同程度地存在着“35岁就业门槛”。与就业机会相匹配的应该是能力，过分以年龄为标签而不看实际贡献，不但于理不合，于法也不符。年龄应成为经验的注解，而非劳动者能力的枷锁。希望全社会共同努力，让年龄 ...
                                    &nbsp&nbsp<a class="hash">展开</a>
                                </div>
                                <div class="content_text_full" style="display: none">
                                    【#人民日报刊文谈破除35岁门槛#】#让年龄不再成为劳动者的标签# 当前，在一些行业、一些领域不同程度地存在着“35岁就业门槛”。与就业机会相匹配的应该是能力，过分以年龄为标签而不看实际贡献，不但于理不合，于法也不符。年龄应成为经验的注解，而非劳动者能力的枷锁。希望全社会共同努力，让年龄不再成为标签，创造一个没有歧视的就业市场，在公平、公正的环境中实现自身价值。全文↓↓ 破除“三十五岁门槛”，建设更公平就业市场
                                </div>
                                <div class="content_img_area">
                                    <img src="/sys-file/res/donload?pk=fHjK2htEBzuzq9Bq9aiYCQ%3D%3D&es=PHRvba8qUE3vsNSF56QSoo1S2lwU%2FaUK8K1sK7yast3KuAqlpifPKT82mARKAuab">
                                </div>
                            </div>
                        </div>
                        <div class="item_c_footer">
                            <div class="item">
                                <svg t="1741851404881" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13359" id="mx_n_1741851404882" width="16" height="16"><path d="M853.333 533.333a32 32 0 0 1 64 0V800c0 64.8-52.533 117.333-117.333 117.333H224c-64.8 0-117.333-52.533-117.333-117.333V256c0-64.8 52.533-117.333 117.333-117.333h277.333a32 32 0 0 1 0 64H224A53.333 53.333 0 0 0 170.667 256v544A53.333 53.333 0 0 0 224 853.333h576A53.333 53.333 0 0 0 853.333 800V533.333zM811.275 256l-89.792-95.403a32 32 0 0 1 46.613-43.861L908.64 266.069C927.861 286.485 913.376 320 885.333 320H724.704C643.029 320 576 391.21 576 480v192a32 32 0 1 1-64 0V480c0-123.296 94.784-224 212.704-224h86.57z" p-id="13360"></path></svg>
                                <a>517</a>
                            </div>
                            <div class="item">
                                <svg t="1741850864586" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10841" width="16" height="16"><path d="M311.85 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65c-26.32 0-47.65-21.34-47.65-47.65s21.33-47.65 47.65-47.65zM521.53 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65-47.65-21.34-47.65-47.65 21.33-47.65 47.65-47.65zM731.21 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65c-26.32 0-47.65-21.34-47.65-47.65s21.33-47.65 47.65-47.65z" p-id="10842"></path><path d="M512 883.7c-10.26 0-19.73-5.5-24.83-14.41l-57.11-99.96H187.95c-36.78 0-66.72-29.93-66.72-66.72v-495.6c0-36.78 29.93-66.72 66.72-66.72h648.1c36.78 0 66.72 29.93 66.72 66.72v495.6c0 36.78-29.93 66.72-66.72 66.72H593.94l-57.11 99.96A28.613 28.613 0 0 1 512 883.7zM187.95 197.48c-5.25 0-9.53 4.27-9.53 9.53v495.6c0 5.26 4.28 9.53 9.53 9.53h258.69c10.26 0 19.73 5.5 24.83 14.41L512 797.48l40.52-70.92a28.625 28.625 0 0 1 24.83-14.41h258.69c5.25 0 9.53-4.27 9.53-9.53v-495.6c0-5.26-4.28-9.53-9.53-9.53H187.95z" p-id="10843"></path></svg>
                                <a>786</a>
                            </div>
                            <div class="item">
                                <svg t="1741850893972" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11905" width="16" height="16"><path d="M832 364.8h-147.2s19.2-64 32-179.2c6.4-57.6-38.4-115.2-102.4-121.6h-12.8c-51.2 0-83.2 32-102.4 76.8l-38.4 96c-32 64-57.6 102.4-76.8 115.2-25.6 12.8-121.6 12.8-128 12.8H128c-38.4 0-64 25.6-64 57.6v480c0 32 25.6 57.6 64 57.6h646.4c96 0 121.6-64 134.4-153.6l51.2-307.2c6.4-70.4-6.4-134.4-128-134.4z m-576 537.6H128V422.4h128v480z m640-409.6l-51.2 307.2c-12.8 57.6-12.8 102.4-76.8 102.4H320V422.4c44.8 0 70.4-6.4 89.6-19.2 32-12.8 64-64 108.8-147.2 25.6-64 38.4-96 44.8-102.4 6.4-19.2 19.2-32 44.8-32h6.4c32 0 44.8 32 44.8 51.2-12.8 102.4-32 166.4-32 166.4l-25.6 83.2h243.2c19.2 0 32 0 44.8 12.8 12.8 12.8 6.4 38.4 6.4 57.6z" p-id="11906"></path></svg>
                                <a>2833</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right_pane">
                <div class="item_tp">
                    <a class="button_1">立即登录</a>
                    <div class="tip-box">
                        <a class="tip-text">还没有账号？</a>
                        <a class="tip-register">立即注册！</a>
                    </div>
                </div>
                <div class="item_hot">
                    <div class="hot_header">
                        <a class="hot_header_title">
                            短文热搜
                        </a>
                        <div class="hot_header_box">
                            <a class="flush_box">
                                <svg t="1741831729444" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2643" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M509.22 894.05c-209.47 0-379.88-170.5-379.88-380.07h83.99c0 163.26 132.74 296.08 295.89 296.08 91.99 0 177.19-41.71 233.74-114.43l66.3 51.56c-72.58 93.33-181.94 146.86-300.04 146.86z" p-id="2644" fill="#939393"></path><path d="M171.04 374.35l53.83 69.56 53.83 69.57-106.77 0.68-106.77 0.68 52.94-70.24z" p-id="2645" fill="#939393"></path><path d="M896.88 514.35h-83.99c0-163.26-132.74-296.08-295.89-296.08-91.99 0-177.19 41.71-233.73 114.42l-66.3-51.55C289.53 187.81 398.89 134.28 517 134.28c209.46 0 379.88 170.5 379.88 380.07z" p-id="2646" fill="#939393"></path><path d="M855.18 653.98l-53.83-69.57-53.83-69.56 106.77-0.69 106.77-0.68-52.94 70.25z" p-id="2647" fill="#939393"></path>
                                </svg>
                            </a>
                            <a class="flush_text">点击刷新</a>
                        </div>
                    </div>
                    <div class="hot_nav">
                        <div class="nav_item active">
                            我的
                        </div>
                        <div class="nav_item">
                            热搜
                        </div>
                    </div>
                    <div class="hot_items">
                        <div class="item">
                            <a class="No">1</a>
                            <a class="title"> S妈分享大S的AI笑脸照 </a>
                            <a class="ext_text">529468</a>
                            <a class="hot">热</a>
                        </div>
                        <div class="item">
                            <a class="No">2</a>
                            <a class="title">  林依晨二胎  </a>
                            <a class="ext_text">09:26登顶</a>
                            <a class="hot">热</a>
                        </div>
                        <div class="item">
                            <a class="No">3</a>
                            <a class="title">   韩安冉因抽脂身上到处是疤   </a>
                            <a class="ext_text"> 204983 </a>
                        </div>
                        <div class="item">
                            <a class="No_">4</a>
                            <a class="title"> 媒体评蜜雪冰城别把宽容变纵容</a>
                            <a class="ext_text"> 20491 </a>
                        </div>
                        <div class="item">
                            <a class="No_">5</a>
                            <a class="title"> 韩网友说金秀贤太温柔了</a>
                            <a class="ext_text"> 2083 </a>
                        </div>
                        <div class="item">
                            <a class="No_">6</a>
                            <a class="title">  赵露思时尚先生开季刊封面 </a>
                            <a class="ext_text"> 2043 </a>
                            <a class="new">新</a>
                        </div>
                        <div class="item">
                            <a class="No_">7</a>
                            <a class="title">  boss直聘崩了 </a>
                            <a class="ext_text"> 2035 </a>
                            <a class="new">新</a>
                        </div>
                        <div class="item">
                            <a class="No_">8</a>
                            <a class="title">   男子出卖大量国家秘密被判死刑  </a>
                            <a class="ext_text"> 2035 </a>
                            <a class="new">新</a>
                        </div>
                        <div class="item">
                            <a class="No_">9</a>
                            <a class="title"> 女子洗澡时玻璃门自爆手筋被炸断   </a>
                            <a class="ext_text"> 1089</a>
                        </div>
                        <div class="item">
                            <a class="No_">10</a>
                            <a class="title"> Mandy回应大S孩子没参加葬礼 </a>
                            <a class="ext_text"> 1095</a>
                        </div>
                    </div>

                </div>
                <div class="item_pane_ext_info">

                </div>
            </div>
        </div>
    </div>
</div>

<div id="user_head_info" class="user_head_info">
    <div class="bg_img">
        <div class="user_ext">
            <div class="image_box vip item">
                <img src="/sys-file/res/donload?pk=jl6MA5J47bHBsJD%2BD58slQ%3D%3D&es=PBz9jHj9WMCNWPdW9hya7wbOGvnCycSabQ7bwThbHcQzPFghSGMZZ6cEQ7wAUwV9" class="img-circle">
            </div>
            <div class="item">
                <a>思想杂谈</a>
            </div>
            <div class="item">
                <a> 微博认证：头条文章作者 </a>
            </div>
        </div>
        <img src="/sys-file/res/donload?pk=M8nfodq6ghie7LHiV41gZg%3D%3D&es=LqXWxpYnUI7EWXkwYFIayQ8R2ZuNzBeaWxJnTCXQ3aZbdYZzdG5NRXjZSbGJgOB4" class="img_bg"/>
    </div>
    <div class="ext_info">
        <div class="_ext_">
            <a class="item">关注</a>
            <a class="item">8857</a>
            <a class="item c_">|</a>
            <a class="item">粉丝</a>
            <a class="item">179.1万</a>
        </div>
        <div class="_button_">
            <button class="follow_button">
                <svg t="1741846916924" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8165" width="32" height="32"><path d="M512 512V170.666667h42.666667v341.333333h341.333333v42.666667h-341.333333v341.333333h-42.666667v-341.333333H170.666667v-42.666667h341.333333z" fill="#ff8200" p-id="8166"></path></svg>
                关注
            </button>
            <button class="note">
                留言
            </button>
            <div class="more">
                <svg aria-hidden="true" viewBox="0 0 1024 1024">
                    <path fill-rule="evenodd" clip-rule="evenodd" fill="currentColor" d="M794.276 582.569c-38.974 0-70.569-31.595-70.569-70.569s31.595-70.569 70.569-70.569 70.569 31.595 70.569 70.569-31.594 70.569-70.569 70.569zm-282.276 0c-38.974 0-70.569-31.595-70.569-70.569s31.595-70.569 70.569-70.569 70.569 31.595 70.569 70.569-31.595 70.569-70.569 70.569zm-282.276 0c-38.974 0-70.569-31.595-70.569-70.569s31.595-70.569 70.569-70.569 70.569 31.595 70.569 70.569-31.595 70.569-70.569 70.569z"></path>
                </svg>
            </div>
        </div>
    </div>
</div>
<script src="js/crypto-js.min.js"></script>
<script src="./js/common.js"></script>
<script src="./js/form.js"></script>
<script>
    let isReq=false;

    let contents=document.getElementsByClassName("content_text_expanded");
    for (let i = 0; i < contents.length; i++) {
        console.log(contents[i]);
        let dom=contents[i];
        dom.innerHTML = dom.innerHTML.replace(/#(.*?)#/g, '<span class="hash">#$1#</span>');
    }
    loadSecrypt();
    function loadSecrypt(){
        common.loadScript("/lay/s-secrypt-script.js")
            .then(() => {
                isReq=true;
                loadData();
            })
            .catch(error => {
                console.error('脚本加载失败:', error);
            });
    }

    //加载数据
    function loadData(){
        let reqData={};
        secrypt_s_mode.encryptFormData('/sub-title/getall',reqData,(res)=>{
            let str=createSubTitle(res.data);
            const parser = new DOMParser();
           // const doc = parser.parseFromString(str, 'text/html');
            let item_content=document.querySelector(".item_content");

            item_content.insertAdjacentHTML('beforeend', str);
            loadUserInfoHeadExt();

            let msgBox=document.querySelector(".area_msg textarea");
            console.log("msgBox",msgBox)
            common.elementFocusBlurCls(msgBox,null,(e)=>{
                console.log(e);
                e.parentElement.classList.add("active")
            },(d)=>{
                d.parentElement.classList.remove("active")
            });

            let xz=document.querySelector(".radio-xz")
            let wxz=document.querySelector(".radio-wxz")
            common.elementClickSwitch(wxz,xz,(e)=>{
                console.log("状态:",e);
            });
           // item_content.appendChild(doc);
        })
    }


    function loadUserInfoHeadExt(){
        // 获取目标元素
        const targetElements = document.querySelectorAll('.vip');
        const userInfo=document.querySelector("#user_head_info");
        targetElements.forEach((dom)=>{

            dom.addEventListener('mouseenter', (e) => {
                setTimeout(function() {
                    let domS=common.getViewportDistance(dom);
                    console.log(domS);
                    let objInfo=getUserInfo(dom);

                    if(domS.bottom<-160){
                        //目标下方显示
                        common.elementBoundTargetBottomShow(dom,userInfo);
                    }else {
                        //目标上方显示
                        common.elementBoundTargetTopShow(dom,userInfo);
                    }
                }, 1000);
                // 在这里执行悬停时的操作
            });
            // 鼠标离开时触发
            dom.addEventListener('mouseleave', (e) => {
                userInfo.style.display = 'none';
            });
        })
    }




    function getUserInfo(dom){
        let obj={};
        let userImg=dom.querySelector(".img-circle");
        obj.img=userImg.getAttribute("src");
        let parentDom=dom.parentElement;
        let userTitle=parentDom.querySelector(".title");
        obj.name=userTitle.textContent;
        return obj;
    }



    function createSubTitle(arr){
        let str='';
        for (let i = 0; i < arr.length ; i++) {
            let o=arr[i];
            let imgList=JSON.parse(o.imgList);
            str+='\n<div class="item_c">\n' +
                '            <div class="item_c_header">\n' +
                '                <div class="image_box vip">\n' +
                '                    <img src="'+o.userHeadImgUrl+'" class="img-circle">\n' +
                '                </div>\n' +
                '                <div class="item_user_info">\n' +
                '                    <div class="user-name">\n' +
                '                        <a class="title">'+o.userNickName+'</a>\n' +
                '                        <a class="level_2"></a>\n' +
                '                    </div>\n' +
                '                    <div class="ext-info">\n' +
                '                        <a class="time">'+o.timeAgoStr+'</a>\n' +
                '                        <a class="sub_content">'+o.userNickName+'的短文</a>\n' +
                '                        <a class="edit">已编辑</a>\n' +
                '                    </div>\n' +
                '                </div>\n' +
                '                <div class="item_more">\n' +
                '                    <button class="follow_button">\n' +
                '                        <svg t="1741846916924" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8165" width="32" height="32"><path d="M512 512V170.666667h42.666667v341.333333h341.333333v42.666667h-341.333333v341.333333h-42.666667v-341.333333H170.666667v-42.666667h341.333333z" fill="#ff8200" p-id="8166"></path></svg>\n' +
                '                        关注\n' +
                '                    </button>\n' +
                '                </div>\n' +
                '            </div>\n' +
                '            <div class="item_c_content">\n' +
                '                <div class="content_area">\n' +
                '                    <div class="content_text_expanded">\n' +
                '                        '+o.contentText+'​\n' +
                '                        &nbsp&nbsp<a class="hash">展开</a>\n' +
                '                    </div>\n' ;
                if(imgList){
                    str+='                    <div class="content_img_area_group">\n';
                    for (let j = 0; j <imgList.length ; j++) {
                        let imgObj=imgList[j];
                       str+= '                   <div class="item_3">\n' +
                        '                            <img src="'+imgObj.url+'" class="img_cover">\n' +
                        '                        </div>\n' ;
                    }
                    str+='                    </div>\n' ;
                }
                str+='                </div>\n'+
                '            </div>\n' +
                '            <div class="item_c_footer">\n' +
                '                <div class="item">\n' +
                '                    <svg t="1741851404881" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13359" id="mx_n_1741851404882" width="16" height="16"><path d="M853.333 533.333a32 32 0 0 1 64 0V800c0 64.8-52.533 117.333-117.333 117.333H224c-64.8 0-117.333-52.533-117.333-117.333V256c0-64.8 52.533-117.333 117.333-117.333h277.333a32 32 0 0 1 0 64H224A53.333 53.333 0 0 0 170.667 256v544A53.333 53.333 0 0 0 224 853.333h576A53.333 53.333 0 0 0 853.333 800V533.333zM811.275 256l-89.792-95.403a32 32 0 0 1 46.613-43.861L908.64 266.069C927.861 286.485 913.376 320 885.333 320H724.704C643.029 320 576 391.21 576 480v192a32 32 0 1 1-64 0V480c0-123.296 94.784-224 212.704-224h86.57z" p-id="13360"></path></svg>\n' +
                '                    <a>517</a>\n' +
                '                </div>\n' +
                '                <div class="item">\n' +
                '                    <svg t="1741850864586" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10841" width="16" height="16"><path d="M311.85 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65c-26.32 0-47.65-21.34-47.65-47.65s21.33-47.65 47.65-47.65zM521.53 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65-47.65-21.34-47.65-47.65 21.33-47.65 47.65-47.65zM731.21 397.63c26.32 0 47.65 21.34 47.65 47.65s-21.34 47.65-47.65 47.65c-26.32 0-47.65-21.34-47.65-47.65s21.33-47.65 47.65-47.65z" p-id="10842"></path><path d="M512 883.7c-10.26 0-19.73-5.5-24.83-14.41l-57.11-99.96H187.95c-36.78 0-66.72-29.93-66.72-66.72v-495.6c0-36.78 29.93-66.72 66.72-66.72h648.1c36.78 0 66.72 29.93 66.72 66.72v495.6c0 36.78-29.93 66.72-66.72 66.72H593.94l-57.11 99.96A28.613 28.613 0 0 1 512 883.7zM187.95 197.48c-5.25 0-9.53 4.27-9.53 9.53v495.6c0 5.26 4.28 9.53 9.53 9.53h258.69c10.26 0 19.73 5.5 24.83 14.41L512 797.48l40.52-70.92a28.625 28.625 0 0 1 24.83-14.41h258.69c5.25 0 9.53-4.27 9.53-9.53v-495.6c0-5.26-4.28-9.53-9.53-9.53H187.95z" p-id="10843"></path></svg>\n' +
                '                    <a>786</a>\n' +
                '                </div>\n' +
                '                <div class="item">\n' +
                '                    <svg t="1741850893972" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11905" width="16" height="16"><path d="M832 364.8h-147.2s19.2-64 32-179.2c6.4-57.6-38.4-115.2-102.4-121.6h-12.8c-51.2 0-83.2 32-102.4 76.8l-38.4 96c-32 64-57.6 102.4-76.8 115.2-25.6 12.8-121.6 12.8-128 12.8H128c-38.4 0-64 25.6-64 57.6v480c0 32 25.6 57.6 64 57.6h646.4c96 0 121.6-64 134.4-153.6l51.2-307.2c6.4-70.4-6.4-134.4-128-134.4z m-576 537.6H128V422.4h128v480z m640-409.6l-51.2 307.2c-12.8 57.6-12.8 102.4-76.8 102.4H320V422.4c44.8 0 70.4-6.4 89.6-19.2 32-12.8 64-64 108.8-147.2 25.6-64 38.4-96 44.8-102.4 6.4-19.2 19.2-32 44.8-32h6.4c32 0 44.8 32 44.8 51.2-12.8 102.4-32 166.4-32 166.4l-25.6 83.2h243.2c19.2 0 32 0 44.8 12.8 12.8 12.8 6.4 38.4 6.4 57.6z" p-id="11906"></path></svg>\n' +
                '                    <a>2833</a>\n' +
                '                </div>\n' +
                '            </div>\n' +
                '        </div>';
        }
        return str;
    }


    common.init();
    let itemList=document.querySelectorAll('.item_tp .item');
    common.elementBoundClassClick(itemList,'active',(e)=>{
        console.log(e);
    });

    let contentList=document.querySelectorAll(".item_c");
    let lastEle=contentList[contentList.length-1];
    common.elementInViewport(lastEle,(e)=>{
        console.log(e);
    })
    form.init();
</script>
</body>
</html>